<%--
  Created by IntelliJ IDEA.
  User: 86186
  Date: 2021/1/12
  Time: 15:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加新闻</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <style type="text/css">
        .page {
            width: 96%;
            margin: 0px auto;
            font-size: 17px;
        }

        .pageTop {
            width: 100%;
            height: 45px;
            line-height: 45px;
            background-color: #f2f2f2;
        }

        .pageTop span {
            margin-left: 15px;
        }

        .pageTop a {
            color: #3695cc;
        }
    </style>
</head>
<body>

<div class="pageTop">
    <div class="page">
        <img src="../images/admin/coin11.png" /><span><a href="../manage/index.html" target="_top">首页</a>&nbsp;-&nbsp;-</span>&nbsp;新闻管理
    </div>
</div>
<div class="manage">
    <form action="../NewsAddServlet" method="post">
        <table class="form">
            <tr>
                <td class="field">新闻标题：</td>
                <td><input type="text" class="text" name="enTitle"  /><span class="errorer">字段不能为空</span></td>
            </tr>
            <tr>
                <td class="field">新闻内容：</td>
                <td><textarea name="enContent" class="text"></textarea><span class="errorer">字段不能为空</span></td>
            </tr>
            <tr>
                <td></td>
                <td><label class="ui-blue"><input type="submit" name="submit" value="添加" /></label></td>
            </tr>
        </table>
    </form>

   <%-- --%>
</body>
<script>
    $(document).ready(function(){
        //先把错误标签隐藏
        $('.errorer').hide();

        $('.submit').click(function(event) {
            //获取input内容
            var data = $('.text').val();
            var len = data.length;
            if(len<1) {
                $('.errorer').show();
                //取消事件的默认动作。
                /*
              该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。
                 例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，
               可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，
                    或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。*/
                event.preventDefault();
            }
            else {
                $('.errorer').hide();
            }
        });
    });
</script>
</html>
